<template>
  <div class="news">
  <div class="advert" v-for="(newss,index) in news" :key="index">
    <span >{{newss.nname}}</span>
  </div>
  </div>
</template>

<script>
import api from "../../../axios/api";
export default {
  name: "carouselmap",
  data(){
    return{
      news:"",
    }
  },
  methods:{
    getImgUrl: function (imgsrc) {
      return this.$store.state.host + "/upload/images/carouselmap/"+ imgsrc;
    },
    setDataFromAxios: function () {
      //this.initpic();
      //console.log(prno)
      //为什么要封装一下方法 1.每个vue组件有自己的一些参数处理，简化调用本来这个setDataFromAxios这个方法属于api 重新封装就属于当前页面
      api.setDataFromAxios( "/api/newsController/getAllNews", null, "get")
        .then(dto => {
          console.log(dto);
          this.news = dto.tList;
        });//.then方法 就是当服务器有返回的时候执行回调函数，对比jquery的ajax success:function（data）

    },

  },
  created() {
    this.setDataFromAxios();
  }
}

</script>

<style scoped>
html{font-size:62.5%;}
body {font:normal 100% Arial,sans-serif;font-size:14px; font-size:1.4rem; }
.advert{font-size: 0.85rem;line-height: 25px}
</style>
